<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>

<script type="text/javascript">

	$(document).ready(function() {
		
		var columnas;
	   	var resulTable = $('#enlacesTable').dataTable( {
		   	"oLanguage": {
				"sLengthMenu": "Mostrar _MENU_ resultados por p&aacute;gina",
				"sZeroRecords": "Ning&uacute;n registro encontrado",
				"sInfo": "Mostrando _START_ - _END_ de _TOTAL_ resultados",
				"sInfoEmpty": " ",
				"sInfoFiltered": "(Filtrando por _MAX_ total de registros)",
				"sSearch": "Filtro:",
				"oPaginate": {"sFirst": "Primera","sLast": "&Uacute;ltima","sNext": "Siguiente","sPrevious": "Anterior"}
			},
			"sPaginationType": "full_numbers",
			"bAutoWidth": false,
			"bFilter": false,
			"aoColumns": [	{"sWidth": "20%"},
							{"sWidth": "20%"},
							{"sWidth": "20%"},
							{"sWidth": "20%"},
							{"sWidth": "20%"}]
	    });
	  
	});

</script>

<div id="yui-main">
  <div class="yui-b">
    <div class="yui-gc">
      <div class="yui-u first">
        <div class="content">
        
        	<table id="resulTable" class="tablaResultados" cellpadding="0" cellspacing="0" border="0" width="98%" summary="En la siguiente tabla tenemos una lista de resultados">
				<tbody>			
					<tr>
						<td>
							<spring:message code="home.detalle.titulo"/>
						</td>
						<td>
							${detallePeli.tituloOriginal}  
						</td>
					</tr>
					<tr>
						<td>
							<spring:message code="home.detalle.director"/>
						</td>
						<td>
							<a href="<c:url value='/action/home/buscarRelacionado?texto=${detallePeli.director}' />">${detallePeli.director}</a>
						</td>
					</tr>
					<tr>
						<td>
							<spring:message code="home.detalle.anio"/>
						</td>
						<td>
							${detallePeli.anio}  
						</td>
					</tr>
					<tr>
						<td>
							<spring:message code="home.detalle.duracion"/>
						</td>
						<td>
							${detallePeli.duracion}  
						</td>
					</tr>
					<tr>
						<td>
							<spring:message code="home.detalle.guion"/>
						</td>
						<td>
							${detallePeli.guion}  
						</td>
					</tr>
					<tr>
						<td>
							<spring:message code="home.detalle.musica"/>
						</td>
						<td>
							${detallePeli.musica}  
						</td>
					</tr>
					<tr>
						<td>
							<spring:message code="home.detalle.fotografia"/>
						</td>
						<td>
							${detallePeli.fotografia}  
						</td>
					</tr>
				</tbody>                      
			</table>
			
			<table id="enlacesTable" class="tablaResultados" cellpadding="0" cellspacing="0" border="0" width="98%" summary="En la siguiente tabla tenemos una lista de enlaces">
        	        	
				<thead id="cabecera">
					<tr>
						<th><spring:message code="home.detalle.enlace.url"/></th>
						<th><spring:message code="home.detalle.enlace.idioma"/></th>
						<th><spring:message code="home.detalle.enlace.calidad"/></th>
						<th><spring:message code="home.detalle.enlace.formato"/></th>
						<th><spring:message code="home.detalle.enlace.uploader"/></th>
					</tr>          
				</thead>
				
				<tbody>
					<c:forEach items="${enlaces}" var="enlace" varStatus="status">
						<tr>
							<td>
								<a href="${enlace.url}" ><spring:message code="home.detalle.enlace.seleccion"/></a>
							</td>
							<td>
								${enlace.idioma}
							</td>
							<td>
								${enlace.calidad}
							</td>
							<td>
								${enlace.formato}
							</td>
							<td>
								${enlace.uploader}
							</td>
						</tr>
					</c:forEach>									
				</tbody>                      
			</table>
        
        </div>
      </div>
      <div class="yui-u">
        <div class="content">
        	
        	<form action="${pageContext.request.contextPath}/action/home/buscarLocal" method="post">
        		<input type="submit" value="Busqueda Local"/>
        	</form>
        	
        	<form action="${pageContext.request.contextPath}/action/home/buscar" method="post">
        		<input type="text" name="busqueda" id="busqueda" />
        		<input type="submit" value="Busqueda Externa"/>
        	</form>
        	
       		<form action="${pageContext.request.contextPath}/action/home/detalle" method="post">
        		<input type="hidden" name="titulo" value="${peli.titulo}" />
        		<input type="hidden" name="tituloOriginal" value="${detallePeli.tituloOriginal}" />
        		<input type="submit" value="Mostrar Enlaces"/>
        	</form>
        
        </div>
      </div>
    </div>
  </div>
</div>
<div class="yui-b">
  <div id="secondary">Secondary Column</div>
</div>
